<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>{% block title %}{% endblock %}</title>
  <link rel="stylesheet" type="text/css" href="/static/css/bootstrap.min.css" />    <!--引用bootstrap的css样式文件-->
  <link rel="stylesheet" type="text/css" href="/static/css/bootstrap-theme.min.css" />    <!--引用CSS样式文件-->
	<link rel="stylesheet" type="text/css" href="/static/css/bootstrap-combined.min.css" />
  <script src="http://www.bootcss.com/p/layoutit/js/jquery-2.0.0.min.js"></script>    <!--bootstrap是依赖jquery的，所以需要先引入这个-->
  <link rel="stylesheet" href="/static/CSS/commons.css" />
	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.13.0/umd/popper.min.js"></script>
  {% block css %}{% endblock %}
	{% block js1 %}{% endblock %}

</head>
<body>
	<div class="container-fluid">
		<div class="row-fluid">
			<div class="span12">
				<div class="navbar">
					<div class="navbar-inner" style="width:100%">
						<div class="container-fluid">
							 <a data-target=".navbar-responsive-collapse" data-toggle="collapse" class="btn btn-navbar"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></a> <a href="/index" class="brand">Beam个人博客</a>
							<div class="nav-collapse navbar-responsive-collapse">
								<ul class="nav">
									<li id="index">
										<a href="/index">主页</a>
									</li>
									{% block classname %}{% endblock %}
								</ul>
								<ul  class="nav pull-right">
									<li>
										<a  href="#">个人简介</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="row-fluid">
			<div class="span8" >
				<div style="margin-left:25px;">
					{% block concent %}{% endblock %}
				</div>
				<div class="pagination pagination-centered">
					{% block page %}{% endblock %}
				</div>
			</div>
			<div class="span4">
				<blockquote>
					<p>
						Life is hard, but please you enough to believe..
					</p>
					<small>人生 <cite>鸡汤</cite></small>
				</blockquote>
				{% block tags %}{% endblock %}
				<span class="label badge-info">文字标签</span>
			</div>
		</div>
		<div class="row-fluid">
			<div class="span12">
				<p class="text-center text-info">
					该站点版权归Beam个人所有 @2017
				</p>
				<p class="text-center text-info">
					友情链接：<a href="/index">本站</a>
				</p>

			</div>
		</div>
	</div>
  {% block js %}{% endblock %}
	<script>
		function cut(data){
			var xx = data.replace(/<.*?>/ig,"");
			return xx;
		}
		$('.content').each(function(item) {
		  //console.log($(this));
		  $(this).html(cut($(this).text()));   //把修正后的数据插回去
		})
	</script>
  <script src="/static/js/bootstrap.js"></script>   <!--引用bootstrap自己的js文件-->
</body>
</html>